<script setup lang="ts">
import useRouteStore from '@/store/modules/route';

defineOptions({
  name: 'BlankLayout'
});

const routeStore = useRouteStore();
</script>

<template>
  <RouterView v-slot="{ Component, route }" class="router-view" id="routerView">
    <KeepAlive :include="routeStore.cacheRoutes">
      <component :is="Component" :key="route.path" />
    </KeepAlive>
  </RouterView>
</template>

<style scoped>
.router-view {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  overflow-y: auto;
  background: #F7F7F7;
  -webkit-overflow-scrolling: touch;
}
</style>
